<script setup>
	import { onLoad } from '@dcloudio/uni-app'
	import { ref } from 'vue'
	
	const loading = ref(false)
	
	function back() {
		uni.navigateBack()
	}
	onLoad(() => {
		
	})
</script>

<template>
	<view class="app-container">
		<view class="app-content">
			<view class="success-box">
				<uv-image src="https://jhgk-1307466921.cos.ap-shanghai.myqcloud.com/opt/AppCollect/PersonJkzImg/2024-11-18/1731915302994_registerSuccess.png"
					width="330" height="234"></uv-image>
				<text class="success-title">申请退款提交成功</text>
				<text class="success-tip">等待平台审核，审核通过后将于48个工作日内原路返回至您的账户中</text>
				<uv-button color="linear-gradient( 102deg, #FA3F00 0%, #FF7445 100%)" shape="circle" :custom-style="{width: '622rpx', marginTop: '22rpx'}"
					text="继续逛逛" @click="back"></uv-button>
			</view>
		</view>
	</view>
</template>

<style lang="scss" scoped>
	.app-content{
		padding: 24rpx;
		.success-box{
			padding: 48rpx 16rpx;
			border-radius: 16rpx;
			background-color: #FFFFFF;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 16rpx;
			.success-title{
				font-weight: 600;
				font-size: var(--theme-xl);
				line-height: var(--theme-xl-line);
			}
			.success-tip{
				color: #767473;
				text-align: center;
			}
		}
	}
</style>